<%@ include file="/layout/taglibs.jsp"%>
<stripes:layout-render name="/layout/layoutDefault.jsp" title="O SEU ENTRETENIMENTO EST&Aacute; GARANTIDO!">

 <stripes:layout-component name="contents">
  
	<table style="width: 100%; vertical-align: top;" cellspacing="10" cellpadding="0">
	 <tr>
	   <td style="width: 15%; vertical-align: top;">
		<div id="secondTitle">&nbsp;</div>
	   </td>
	   <td style="width: 85%; vertical-align: top;">
	    <div class="sectionTitle">Transa&ccedil;&atilde;o efetivada, O SEU ENTRETENIMENTO EST&Aacute; GARANTIDO!</div>
	    <div class="subtitle">Evento selecionado</div>

		<jsp:include page="vendaOnline1aEtapa.jsp" />
	   </td>
	 </tr>
	 <tr>
	   <td style="width: 15%; vertical-align: top;">
		<div id="secondTitle">&nbsp;</div>
	   </td>
	   <td style="width: 85%; vertical-align: top;">
	   		<div class="sectionTitle">Dados da compra</div>

			<%-- TABELA COM RESULTADO DA COMPRA --%>
	   <c:choose>
	   	<c:when test="${not empty vendaBilhetes}">
	   		<table class="display">
			<tr>
				<th>Num protocolo:</th>
				<td>${vendaBilhetes.numProtocolo}</td>
			</tr>
			<tr>
				<th>Data aquisi&ccedil;&atilde;o:</th>
				<td><fmt:formatDate value="${vendaBilhetes.dataHora}" dateStyle="medium"/></td>
			</tr>
			<tr>
				<th>Total pago:</th>				
				<td>${vendaBilhetes.pagamento.valor}</td>
			</tr>
			<tr>
				<td colspan="2">&nbsp;</td>			
			</tr>
			<tr>

				<%-- TABELA COM DETALHES DOS BILHETES ADQUIRIDOS--%>
            	<table class="display">
	                <tr>
                    	<th>N&uacute;mero</th>
                    	<th>Espectador</th>
                    	<th>Tipo</th>
                	</tr>
                	<c:forEach items="${vendaBilhetes.bilhetes}" var="bilhete" varStatus="rowstat">
                    	<tr class="${rowstat.count mod 2 == 0 ? "even" : "odd"}">
	                        <td>${bilhete.numero}</td>
                        	<td>${bilhete.espectador.documento}</td>
                        	<td>${bilhete.tipoView}</td>
                    	</tr>
                	</c:forEach>
            	</table>

			</tr>
	   		</table>
	   	</c:when>
	   </c:choose>			

	   </td>
	 </tr>	 
	</table>
 </stripes:layout-component>
</stripes:layout-render>